<!DOCTYPE html>

<html class="no-js">
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <title></title>
    <meta name="description" content="" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />

    <!-- <script src="../cdn/vue/vue.global.min.js"></script> -->
    <script src="https://unpkg.com/vue@next"></script>

    <link rel="stylesheet" href="../cdn/element-plus/index.css" />
    <script src="../cdn/element-plus/index.full.min.js"></script>
    <link rel="stylesheet" href="../../lib/index.css" />
    <script src="../../lib/avue.js"></script>
    <!-- <script src="../../lib/avue.min.js"></script> -->
  </head>
  <style></style>
  <body>
    <div id="app">
      <avue-form
        ref="form"
        :option="option"
      >
        <!-- <template slot="menuForm">
          <el-button></el-button>
          <el-button></el-button>
        </template> -->
      </avue-form>
    </div>
  </body>
  <script>
    var app = Vue.createApp({
      data() {
        return {
          option: {
            column: [
              {
                type: 'title',
                span: 24,
                display: true,
                labelWidth: '0px',
                prop: 'a165527684590177025',
                order: 1,
                label: '标题1',
                level: 1
              },
              {
                type: 'title',
                span: 24,
                display: true,
                labelWidth: '0px',
                prop: 'a165527684590177026',
                order: 2,
                label: '标题1-1',
                level: 2
              },
              {
                type: 'title',
                span: 24,
                display: true,
                labelWidth: '0px',
                prop: 'a165527684590177027',
                order: 3,
                label: '标题1-2',
                level: 2
              },
              {
                type: 'dynamic',
                label: '子表单',
                span: 24,
                display: true,
                labelPosition: 'top',
                children: {
                  align: 'center',
                  headerAlign: 'center',
                  index: false,
                  addBtn: true,
                  delBtn: true,
                  column: [],
                  operateBtnList: []
                },
                prop: 'a165527692773249694',
                labelSlot: [],
                postQueryConfig: [],
                order: 4
              },
              {
                type: 'title',
                span: 24,
                display: true,
                labelWidth: '0px',
                prop: 'a165527689971165851',
                order: 5,
                label: '标题2'
              },
              {
                type: 'dynamic',
                label: '子表单',
                span: 24,
                display: true,
                labelPosition: 'top',
                children: {
                  align: 'center',
                  headerAlign: 'center',
                  index: false,
                  addBtn: true,
                  delBtn: true,
                  column: [],
                  operateBtnList: []
                },
                prop: 'a16552769382471264',
                labelSlot: [],
                postQueryConfig: [],
                order: 6
              },
              {
                type: 'title',
                span: 24,
                display: true,
                labelWidth: '0px',
                prop: 'a165527694177922243',
                order: 7,
                label: '标题3'
              },
              {
                type: 'dynamic',
                label: '子表单',
                span: 24,
                display: true,
                labelPosition: 'top',
                children: {
                  align: 'center',
                  headerAlign: 'center',
                  index: false,
                  addBtn: true,
                  delBtn: true,
                  column: [],
                  operateBtnList: []
                },
                prop: 'a16552769489482323',
                labelSlot: [],
                postQueryConfig: [],
                order: 8
              }
            ],
            labelPosition: 'left',
            labelSuffix: '：',
            labelWidth: 120,
            gutter: 0,
            menuBtn: true,
            submitBtn: true,
            submitText: '提交',
            temporaryText: '暂存',
            temporaryBtn: true,
            emptyBtn: true,
            emptyText: '清空',
            menuPosition: 'center'
          },
        };
      },
      created() {
      },
      methods: {
      }, 
    });
    app.config.warnHandler = () => null
    app.use(ElementPlus);
    app.use(AVUE);
    app.mount("#app");
  </script>
</html>
